<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>用户信息修改</title>
    <script type="text/javascript" src="/assets/js/jquery-2.1.0.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-table.min.css">
    <link rel="stylesheet" type="text/css" href="/assets/css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="/assets/libs/select2/select2.min.css">
    <link rel="stylesheet" type="text/css" href="/assets/css/style.css">
    <link rel="stylesheet" type="text/css" href="/css/mycss.css">

</head>

<body>
    <div class="skin-default" id="wrapper">
        <header class="navbar-header">
            <div class="brand">
                <a class="navbar-brand" href="../index.html" title="mypetstore">宠物商店管理系统</a>
            </div>
            <div class="navbar">
                <i class="sidebar-toggle iconfont icon-menu" data-toggle="push-menu" role="button">
                </i>
                <div class="navbar-menu pull-right">
                    <ul class="nav navbar-nav">
                        <li class="dropdown message">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#" title="消息">
                                <i class="iconfont icon-email"></i>
                                <span class="badge">4</span>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="header">
                                    您有4条消息
                                </li>
                                <li class="body">
                                    <ul class="menu">
                                        <li>
                                            <a href="#" title="如何设置头部head...">
                                                <div class="pull-left">
                                                    <img class="img-circle" src="../assets/avatars/avatars.png">
                                                </div>
                                                <h4 class="name">
                                                    匿名用户
                                                    <small class="pull-right">
                                                        <i class="iconfont icon-time"></i>
                                                        5分钟前
                                                    </small>
                                                </h4>
                                                <p class="content">
                                                    如何设置头部head的meta值
                                                </p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="如何设置头部head...">
                                                <div class="pull-left">
                                                    <img class="img-circle" src="../assets/avatars/avatars.png">
                                                </div>
                                                <h4 class="name">
                                                    匿名用户
                                                    <small class="pull-right">
                                                        <i class="iconfont icon-time"></i>
                                                        5分钟前
                                                    </small>
                                                </h4>
                                                <p class="content">
                                                    如何设置头部head的meta值
                                                </p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="如何设置头部head...">
                                                <div class="pull-left">
                                                    <img class="img-circle" src="../assets/avatars/avatars.png">
                                                </div>
                                                <h4 class="name">
                                                    匿名用户
                                                    <small class="pull-right">
                                                        <i class="iconfont icon-time"></i>
                                                        5分钟前
                                                    </small>
                                                </h4>
                                                <p class="content">
                                                    如何设置头部head的meta值
                                                </p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" title="如何设置头部head...">
                                                <div class="pull-left">
                                                    <img class="img-circle" src="../assets/avatars/avatars.png">
                                                </div>
                                                <h4 class="name">
                                                    匿名用户
                                                    <small class="pull-right">
                                                        <i class="iconfont icon-time"></i>
                                                        5分钟前
                                                    </small>
                                                </h4>
                                                <p class="content">
                                                    如何设置头部head的meta值
                                                </p>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="footer">
                                    <a href="#" title="查看所有消息">
                                        查看所有消息
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown notify">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#" title="通知">
                                <i class="iconfont icon-bells"></i>
                                <span class="badge">7</span>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="header">
                                    您有7个通知
                                </li>
                                <li class="body">
                                    <ul class="menu">
                                        <li>
                                            <a class="text-danger" href="#" title="系统发生一个未知错误">
                                                <i class="iconfont icon-error pull-left"></i>
                                                <p class="content">发生一个系统路径错误</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="text-warning" href="#" title="系统发出一个警告">
                                                <i class="iconfont icon-alert pull-left"></i>
                                                <p class="content">为安全起见,请删除install文件夹</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="text-success" href="#" title="修改成功">
                                                <i class="iconfont icon-ok pull-left"></i>
                                                <p class="content">您更新了个人资料</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="text-info" href="#" title="新成员">
                                                <i class="iconfont icon-menu-user pull-left"></i>
                                                <p class="content">3位新成员</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a class="text-muted" href="#" title="点赞">
                                                <i class="iconfont icon-thumbs-up pull-left"></i>
                                                <p class="content">5个点赞</p>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="footer">
                                    <a href="#" title="查看所有通知">
                                        查看所有通知
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown user">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#" title="用户">Admin</a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a data-toggle="modal" data-target=".menu-setpassword" href="#" title="个人信息">
                                        <i class="iconfont icon-menu-user"></i>
                                        修改密码
                                    </a>
                                </li>
                                <li>
                                    <a href="#" title="系统设置">
                                        <i class="iconfont icon-setting"></i>
                                        系统设置
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a data-toggle="modal" data-target=".menu-logout" href="#" title="登出">
                                        <i class="iconfont icon-power"></i>
                                        登出
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </header>
        <!-- 左侧导航 -->
        <aside class="main-sidebar">
            <div class="user-panel">
                <div class="image pull-left">
                    <img src="/assets/avatars/avatars.png" alt="">
                </div>
                <div class="info pull-right">
                    <p class="title">Admin</p>
                    <strong>VIP管理员</strong>
                </div>
            </div>
            <section class="sidebar">
                <ul class="sidebar-menu" data-widget="tree">
                    <li>
                        <a href="../index.html" title="首页">
                            <i class="iconfont icon-dashborad"></i>
                            <small>首页</small>
                        </a>
                    </li>
                    <li class="treeview">
                        <a href="#" title="商品管理">
                            <i class="iconfont icon-chart"></i>
                            <small>商品管理</small>
                            <span class=" pull-right">
                                <i class="iconfont icon-menu-left-small"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">
                            <li>
                                <a href="/Item/viewItem_info">
                                    <i class="iconfont icon-circle-hollow"></i>
                                    <small>商品信息管理</small>
                                </a>
                            </li>
                            <li>
                                <a href="/Item/viewItem_type">
                                    <i class="iconfont icon-circle-hollow"></i>
                                    <small>商品分类管理</small>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#" title="订单管理">
                            <i class="iconfont icon-form"></i>
                            <small>订单管理</small>
                            <span class=" pull-right">
                                <i class="iconfont icon-menu-left-small"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">
                            <li>
                                <a href="/order/orderControl">
                                    <i class="iconfont icon-circle-hollow"></i>
                                    <small>订单信息管理</small>
                                </a>
                            </li>
                            <li>
                                <a href="/order/ordershipping">
                                    <i class="iconfont icon-circle-hollow"></i>
                                    <small>发货信息管理</small>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li class="treeview active">
                        <a href="#" title="用户管理">
                            <i class="iconfont icon-ui"></i>
                            <small>用户管理</small>
                            <span class=" pull-right">
                                <i class="iconfont icon-menu-left-small"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">
                            <li class="active">
                                <a href="/account/main">
                                    <i class="iconfont icon-circle-hollow"></i>
                                    <small>用户信息查改</small>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </section>
        </aside>
        <div class="page-wrapper">
            <div class="page-header">
                <h1 class="title">
                    用户管理
                    <small>用户信息修改</small>
                </h1>
                <ol class="breadcrumb">
                    <li>
                        <a href="../index.html" title="家">
                            <i class="iconfont icon-home"></i>
                            <small>首页</small>
                        </a>
                    </li>
                    <li>
                        <a href="account_info.html">
                            <a href="/account/main">
                                <i class="iconfont icon-circle-hollow"></i>
                                <small>用户信息查改</small>
                            </a>
                        </a>
                    </li>
                    <li class="active">
                        <small>用户信息修改</small>
                    </li>
                </ol>
            </div>
            <section class="page-body">
                <div class="row widget">
                    <form action="/account/updateInformation" method="post">
                        <section class="col-md-6 col-sm-12 col-xs-12">
                            <div class="box form">
                                <div class="box-header">
                                    <h3 class="box-title">基本信息</h3>
                                </div>
                                <div class="box-body">
                                    <div class="form-group">
                                        <label for="username">用户名</label>
                                        <input class="form-control" id="username" name="username" readonly="readonly" type="text" th:value="${account.username}">
                                    </div>
                                    <div class="form-group">
                                        <label for="InputPassword1">新密码</label>
                                        <input id="password" name="password"  type="password"  class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label for="InputPassword2">确认新密码</label>
                                        <input id="repassword" name="repassword" type="password"  class="form-control">
                                        <span id="x"></span>
                                        <script>
                                            $(function (){
                                                $('#repassword').on('blur',function (){
                                                    console.log("函数if判断前");
                                                    var temp=document.getElementById('password');
                                                    var temp2=document.getElementById('repassword');
                                                    console.log(temp.value);
                                                    console.log(temp2.value);
                                                    console.log(temp.value==temp2.value);
                                                    if(temp.value==temp2.value){
                                                        console.log("函数if判断后");
                                                        // console.log($('#repeatword').value);
                                                        // console.log($('#newpassword').value);
                                                        $('#x').attr("class","errorTips").text('两次输入相同');
                                                    }else {
                                                        $('#x').attr("class","okTips").text('两次输入新密码不一致！');
                                                    }
                                                })

                                            });
                                        </script>
                                    </div>
                                    <div class="form-group">
                                        <label for="firstName">名 firstName</label>
                                        <input id="firstname" name="firstname"  type="text" th:value="${account.firstName}" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label for="lastName">姓 lastName</label>
                                        <input id="lastname" name="lastname"  type="text" th:value="${account.lastName}" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label for="phone">电话</label>
                                        <input id="phone" name="phone"  type="text" th:value="${account.phone}" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label for="email">电子邮件</label>
                                        <input id="email" name="email"  type="text" th:value="${account.email}" class="form-control">
                                    </div>
                                </div>
                            </div>
                        </section>

                        <section class="col-md-6 col-sm-12 col-xs-12">
                            <div class="box form">
                                <div class="box-header">
                                    <h3 class="box-title">详细信息*</h3>

                                </div>
                                <div class="box-body">
                                    <div class="form-group">
                                        <label for="address">地址</label>
                                        <input id="address1" name="address1"  type="text" th:value="${account.address1}" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label for="addressAlt">备选地址*</label>
                                        <input id="address2" name="address2"  type="text" th:value="${account.address2}" class="form-control" >
                                    </div>
                                    <div class="form-group">
                                        <label for="city">城市</label>
                                        <input id="city" name="city"  type="text" th:value="${account.city}"  class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label for="state">州state</label>
                                        <input id="state" name="state" type="text" th:value="${account.state}" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label for="zip">邮政编码</label>
                                        <input id="zip" name="zip" type="text" th:value="${account.zip}" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <label for="country">国家</label>
                                        <input id="country" name="country" type="text" th:value="${account.country}" class="form-control">
                                    </div>

                                </div>
                                <div>
                                    <font color="#FF6984" th:text="${msg}">asdasjkdhas</font>
                                </div>
                                <div align="center">
                                    <button type="submit" class="btn btn-default">提交</button>
                                </div>
                                <br><br>
                            </div>
                        </section>
                    </form>
                </div>
            </section>
        </div>
    </div>
    <script type="text/javascript" src="/assets/js/bootstrap.min.js"></script>

    <script type="text/javascript" src="/assets/libs/tinymce/tinymce.min.js"></script>
    <script type="text/javascript" src="/assets/js/Chart.min.js"></script>
    <script type="text/javascript" src="/assets/js/alpha.js"></script>
</body>

</html>